<template>
    <div>
        <div class="main">
            <div class="outer">
                <div class="inner">
                    <div class="inner-left">
                        <div class="inner-left-inner">
                            <h2>公司简介</h2>
                            <div class="English">
                                COMPANY PROFILE
                            </div>
                            <p class="company-content">
                                尚云科技是一家从事大数据云计算、人工智能、产品开发、咨询服务为一体的综合型互联网科技公司。公司由一批BAT等一线互联网IT精英人士创建，以"快乐工作，认真生活"为愿景，以"科技与应用创新驱动发展"为使命，坚持"客户第一、诚信、激情、拥抱变化"的价值观，打造客户有依靠、员工有干劲、公司有前景的团队组织。
                            </p>
                        </div>
                    </div>
                    <div class="inner-right">
                        <div class="inner-right-inner">
                            <img src="../../../assets/aboutImg/about_company.jpg" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "company"
    }
</script>

<style scoped lang="less">
.main {
    width: 100%;
    height: 366px;
    margin: 40px 0px;
    .outer {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        width: 1170px;
    }
    .inner {
        margin-left: -10px;
        margin-right: -10px;
        display: flex;
        box-sizing: border-box;
        flex-wrap: wrap;
        .inner-left {
            h2 {
                width: 100px;
                height: 33px;
                padding: 10px 0px;
                border-bottom: 1px solid rgb(102, 102, 102);
            }
            .English {
                padding-top: 10px;
                padding-bottom: 20px;
            }
            .company-content {
                line-height: 28px;
                font-size: 15px;
                font-weight: 700;
                width: 80%;
            }
        }
        .inner-right {
            .inner-right-inner{

            }
        }
    }
    .inner>div {
        padding-left: 10px;
        padding-right: 10px;
        max-width: 50%;
        flex: 0 0 50%;
        box-sizing: border-box;
    }
}
</style>